<!DOCTYPE html>
<html>
    <head>
        <title>WordPress accordion shortcode docs (alpha!)</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>
        <h1>WordPress accordion shortcode docs (alpha!)</h1>

<h2>Creating an expandable section : the [accordion] shortcode</h2>
If you prefer for some page content to appear collapsed when the page loads and for the user to be able to expand it, there's now a shortcode for this.
<ol>
	<li>Create your content and add a heading at the top of it which you want to use as the section title (appearing to the left of the [show] button).</li>
	<li>Click the "HTML" tab and find this content.</li>
	<li>Create a couple empty lines before/after the content.</li>
	<li>Insert <code>[accordion]</code> on an empty line before the header.</li>
	<li>Insert <code>[/accordion]</code> on an empty line below the end of the content.</li>
	<li>Preview the page/post to see the change, then update it.</li>
</ol>
You may also specify the title of the section in the shortcode: <code>[accordion title="Read more..."]</code>
<h3>Example usage</h3>
<pre>...existing content

[accordion]
&lt;h3&gt;My header&lt;/h3&gt;
&lt;p&gt;my content&lt;/p&gt;
[/accordion]

existing content...</pre>
<h3>Optional Parameters</h3>
<ul>
	<li><code>expand=1</code> : show the accordion expanded when the page loads.</li>
	<li><code>title="My New Title"</code> : change the heading displayed next to the [hide/show] button.</li>
</ul>
<h2>Inserting a page in another page : the [page_accordion] shortcode</h2>
<p style="padding-left: 30px;">CAVEAT: Keep in mind that this shortcode has a server performance cost.  If the content is only meant for this page, consider using the [accordion] shortcode.</p>
Sometimes you might find it useful to include content from other pages/posts in another page. This can improve the user experience when folks visiting the site might want to see additional page content in the flow of reading a different page. This can be done using something called a "shortcode."

In order to embed a page within another page:
<ol>
	<li>Create all the necessary pages first (even if they're just placeholders)</li>
	<li>Edit the page that will include content from other pages (we'll call this the "destination page")</li>
	<li>Click the "HTML" tab on the destination page</li>
	<li>Scroll to where you want to include the content and create 3 empty lines</li>
	<li>On the middle line enter the following shortcode: <code>[page_accordion url="<span style="color: #ff0000;">URL</span>"]</code>
</li>
	<li>Replace <code style="color: #ff0000;">URL</code> with the address of a page or post within your site.</li>
	<li>Click to update the destination page.</li>
</ol>
<p style="padding-left: 30px;">CAVEAT: You may not be able to include home pages or other specialized pages.</p>

<h3>Example usage</h3>
<pre>...content before.&lt;/p&gt;

[page_accordion url="http://example.com/2011/02/03/my-post/"]

&lt;p&gt;Content after...</pre>
<h3>Optional Parameters</h3>
<ul>
	<li><code>expand=1</code> : show the accordion expanded when the page loads.</li>
	<li><code>title="My New Title"</code> : change the heading displayed next to the [hide/show] button.</li>
</ul>

    </body>
</html>
